<div class="container-fluid third" id="b">
	<div class="carousel slide">
		<div class="carousel-inner">
			<div class="item active">
				<img src="__PUBLIC__/website/img/chenggongbanner.jpg" alt=""/>
			</div>
		</div>
	</div>
</div>
<div class="container patb50 hidden-xs" id="c">
	<div class="row tc ">
		<h2 class="center">成功案例</h2>
	</div>
</div>
<div class="container pb30" id="c">
	<div class="row ">
		<ul class="col-md-2 sucliss col-xs-12 prexiangge">
			<volist name="article_cate_list" id="vo">

					<li class="col-md-12 col-xs-3"><a href="{:U('successful')}?id={$vo.id}">{$vo.article_cate_name}</a></li>

			</volist>
		</ul>
		<div class="col-md-10">
			<div>
				<img src="__PUBLIC__/website/img/success2.png" alt="" />
			</div>
			<volist name="article_list" id="v">
					<div class="row mt30">
						<div class="col-md-4">
							<a href="{:U('success_details')}?id={$v['id']}">
								<img src="__ROOT__{$v.picture}" alt="" />
							</a>
						</div>
						<div class="col-md-8">
							<a href="{:U('success_details')}?id={$v['id']}">
								<p class="lead">{$v.title}</p>
								<p>{$v.content}</p>
							</a>
						</div>
					</div>
			</volist>
			<div class="row mt30">
				<div class="col-md-8 susa">
					{$page}
				</div>
			</div>
		</div>
	</div>

</div>
<script type="text/javascript">
	window.onscroll = function(){
		var t = document.documentElement.scrollTop || document.body.scrollTop;
		var top_div = document.getElementsByClassName( "sucliss" )[0];

		if(window.innerWidth < 768){
			if( t >= 80 ){
				top_div.classList.add('porsition');
			}
			if( t < 80 ){
				top_div.classList.remove('porsition');
			}
		}
	}
	$('.sucliss').on('click','li',function(){
		$(this).addClass("xiangge").siblings().removeClass("xiangge");
	})
</script>